@charset "utf-8";
/* CSS Document */
.repeat_bg {background:url(images/content_bg.png) repeat 0 0;}
#about_box {background:url(images/content_bg.png) repeat 0 0; padding:45px 0;}
#si_header {background:url(images/about/about_header_bg.jpg) repeat-x 0 bottom #fff;}
#siteInfo_header {width:980px; margin:0 auto; position:relative;}
.ah_bg { background:url(images/about/about_headerImg.jpg) no-repeat center 0;}
.fh_bg { background:url(images/about/feedback_headerImg.jpg) no-repeat center 0;}
.sh_bg { background:url(images/about/sitemap_headerImg.jpg) no-repeat center 0;}
.th_bg { background:url(images/about/tools_headerImg.jpg) no-repeat center 0;}
.aHeader_h { height:290px;}
.fHeader_h { height:220px;}
.sHeader_h { height:220px;}
#logo_w {position:absolute; left:30px; top:60px; display:block; width:191px; height:40px; background:url(images/main_img.png) no-repeat -386px -3px;}
#logo_w a {display:block; width:190px; height:40px; overflow:hidden; text-indent:-9999px;}
.logo_slogan {position:absolute; left:30px; top:105px;}
.logo_slogan h2 {font-size:42px; color:#000; font-family:"Myriad Pro", Tahoma, Arial, verdana, Helvetica, sans-serif; font-weight:normal;}
.logo_slogan h3 {font-size:14px; color:#979797; font-weight:normal;}
.logo_slogan .slogan_size {font-size:50px;}

#about_nav {position:absolute; left:30px; top:244px; display:block; height:36px; width:800px;}
#about_nav li {float:left; display:block; height:32px; margin-right:20px; border-bottom:solid 4px #fff;}
#about_nav li.curr {border-bottom:solid 4px #69a82e;}
#about_nav li.curr a {color:#69a82e;}
#about_nav li a {display:block; line-height:32px; font-size:16px; color:#666; text-decoration:none; padding:0 15px;}
#about_nav li a:hover {color:#69a82e;}

#about_main {width:920px; margin:0 auto 10px auto; background:#fff; padding:30px;}
.txt_cont {line-height:1.8em; font-size:14px;}
.txt_cont p {padding:5px 0;}

#about_cont {float:left; width:600px;}
#about_side {float:right; width:260px;}

.feedback-txt{width:100%; height:140px; margin:10px auto auto auto; padding:2px;}
.feedback-input{padding:5px; width:500px; margin-left:10px;}
.feedback-info{ text-align:right; margin:10px auto; font-size:12px; color:gray;}
span.user-info-name{display:inline-block; _display:inline; _zoom:1; width:85px; text-align:right; padding-right:10px}
.user-info-input .submit{border:1px solid #aaa; padding:2px 5px;border-radius:3px; color:#333; background:url(images/jb_bj4.png) repeat-x 0 -20px; cursor:pointer;}
.user-info-input .submit:hover {border:1px solid #1c62b9;}
.feedback-block{margin:20px auto; border-top:1px dotted #CCC; padding:10px; line-height:150%; font-size:12px; word-wrap:break-word; padding:5px 0}
.feedback-block-info span{vertical-align:middle}
.feedback-block-content{padding:10px 0 5px 0}
.feedback-block-user{ color:#5588BB;}
.feedback-block-time{ color:gray; margin:auto 10px;}
.feedback-list li{line-height:30px;}
.feedback-list input[type=text]{width:250px; paddingvb  :3px 5px;}
.gray-lighter{ color:gray;}
.contact-us h3{ font-size:18px; padding:10px 0}
.contact-us li{ line-height:150%}
.contact-us a{ color:#65a824; text-decoration:underline}
.feedback-list span.gray-lighter{font-size:11px; cursor:pointer}
#verify_code_div{ cursor:pointer; margin:auto 5px;}
span#feedback_result_div{}
.feedback-input-box{width:275px; display:inline-block; _display:inline; _zoom:1;}
.feedback-notice{font-size:11px; margin-left:5px;}
.feedback-error{color:#E00}
.validate-success{color:#64a724; background:url(images/input-ok.png) no-repeat left center; padding-left:20px; display:inline-block; _display:inline; _zoom:1; font-size:11px;}
.validate-error{color:#E00; background:url(images/input-error.png) no-repeat left center; padding-left:20px; display:inline-block; _display:inline; _zoom:1; font-size:11px;}
li.no-margin-right{ margin-right:0!important}
.feedback_rep_btn { text-align:right;}
.feedback_rep_btn a {background:url(images/dot.gif) no-repeat 0 5px; padding-left:8px; font-size:11px;}
.feedback_reply {position:relative; border:solid 1px #ccc; margin-top:5px; background-color:#f9f9f9; padding:10px;}
.feedback_reply .top_fr {display:block; background:url(images/boxtop_reply.gif) no-repeat 0 0; width:12px; height:6px; position:absolute; top:-6px; left:15px;}
.feedback_reply .reply_name {padding:0 0 2px 0;}
.feedback_reply .reply_name strong {color:#65a824;}
.feedback_reply .reply_name span {color:#999;}
.feedback_reply p span {color:#5588BB; padding-right:5px;}

.side_box {padding-bottom:20px;}
.side_box .columnName {font-size:18px; font-weight:normal; border-bottom:solid 2px #969696; padding:5px 0;}
.side_box .list_style {padding:5px 0;}
.side_box .list_style li {background:url(images/dot.gif) no-repeat 0 10px; padding:5px 0 5px 10px;}
.side_box .list_style li a {line-height:16px;}

.sc_side li {padding:5px 0;}

.sitemap_cont {display:block; overflow:hidden; _zoom:1; padding-bottom:200px;}
.sitemap_cont li {display:block; float:left; width:180px; min-height:250px; background:url(images/line6.gif) no-repeat 35px bottom;}
.sitemap_ew li {width:180px;}
.sitemap_gw li {width:230px;}
.sitemap_cont li span {display:block; float:left; width:30px; height:30px; background:url(images/main_img.png) no-repeat;}
.sitemap_cont li .icon_h {background-position:-403px -192px;}
.sitemap_cont li .icon_v {background-position:-496px -192px;}
.sitemap_cont li .icon_m {background-position:-446px -192px;}
.sitemap_cont li .icon_t {background-position:-600px -195px;}
.sitemap_cont li .icon_o {background-position:-650px -195px;}
.sitemap_cont li dl {display:block; padding:0 0 50px 45px;}
.sitemap_cont li dl dt {font-size:18px; padding-bottom:8px;}
.sitemap_cont li dl a {display:block;}
.sitemap_cont li dl dt a {color:#000; text-decoration:none;}
.sitemap_cont li dl dt a:hover {color:#69a82e; text-decoration:none;}
.sitemap_cont li dl dd {padding:5px 0;background:url(images/dot.gif) no-repeat 0 10px; padding:5px 0 5px 10px;}

/*--tools page--*/
.feature-tools-img{border-bottom:1px solid #CCC; padding-bottom:5px; line-height:0; font-size:0;}
.hr{border-top:1px solid #c4c4c4; border-bottom:1px solid #FFF; margin:10px auto}
.content-wrap{width:980px; margin:auto; padding:20px 0;}

#tools_main {width:930px; margin:auto; padding:20px 0;}
.recommended-apps-container{}
.recommended-apps-container .title { font-size:20px; font-weight:normal;}
.recommended-apps-container ul{}
.recommended-apps-container li{width:145px; height:130px; padding:10px 0; position:relative; background:white;  box-shadow:1px 2px 2px #CCC; text-align:center; float:left; margin:8px 10px 7px 0;}
.recommended-apps-container li p{padding:13px 0;}
.recommended-apps-container-title{border:none; background:none; box-shadow:none; height:30px; margin:auto; line-height:30px; font-size:18px; color:#666; font-weight: normal;}
.recommended-apps-block{float:left; width:300px; margin-right:15px; padding:10px 0;}
.no-margin-right{ margin-right:0!important}
li.recommended-apps-container{padding:0; width:135px; line-height:135px; color:gray; font-size:20px;  height:135px}
.recommended-apps-container a{display:block;}

.tools-comments{ margin:20px auto; line-height:150%}
.tools-comments h3{ font-weight:bold; font-size:12px; line-height:30px;}
.tools-comments-content{background:white; padding:20px; margin:10px auto}
.comment_tit h2 {font-size:14px; font-weight:normal;}

.w-artical_btn_back {border-bottom:solid 1px #ccc; padding-bottom:10px;}
.w-artical_btn_back a {background:url(images/icon_arrow2_b.png) no-repeat 0 8px; padding:5px 10px 5px 15px;}

.w-artical{background:white; line-height:150%}
.w-artical .left{float:left; width:680px; padding:0; margin:0}
.w-artical .right{float:right; width:250px; padding:0; margin:0}
.w-artical .block-content{width:auto; margin:50px auto; padding:0;}
.w-artical .block-content p{line-height:200%}

.w-artical h1{font-weight:bold; font-size:26px; margin:30px auto; color:#65A628}
.w-artical h3{color:#65A628; font-weight:bold; font-size:18px; margin:20px auto}
.w-artical h4{color:#333; font-weight:bold; font-size:14px; margin:20px auto}

.w-artical .dowload-box{background:url(../images/tools/free_converter.jpg) no-repeat right 10px; padding:20px 500px 0 0; height:260px; margin:auto auto 20px auto; border-bottom:1px solid #ccc}
.w-artical p{ margin:20px auto}
.w-artical .float-left-img{float:left; margin:auto 40px auto auto}
.w-artical .float-right-img{float:right; margin:auto auto auto 40px}
.w-artical .requirements{border:3px solid #E8E9EB; padding:10px 20px; border-radius:10px; margin:20px auto}

.sys_tit{ height:22px;}
.sys_tit_left{ width:11px; height:22px; float:left; background:url(../images/tools/tit_bg.gif) no-repeat;}
.sys_tit_rgt{ width:11px; height:22px; float:left; background:url(../images/tools/tit_bg.gif) no-repeat -11px 0px;}
.sys_tit_cont{ float:left; height:22px; background-color:#77b1ec; color:#FFF; padding:0 8px; line-height:22px; font-size:15px;}
.sys_req{ float:left; width:301px; padding:15px 0 0 15px;}
.sys_req2{ float:left; width:291px; padding:15px 0 0 25px;}
.sys_req p{ font-size:14px; color:#000; }
.sys_req2 p{ font-size:14px; color:#000; }

.social_ .block-content{background:#E2E2E2; border-radius:5px}
.social_ .addicon2 h3,.social_tit h3{margin:auto; padding:10px 0}
.social_top{ width:247px; height:5px; background:url(images/socials_03.gif) no-repeat;}
.social_tit{padding:10px 20px; border-radius:3px}
.social .social_top{ display:none}
.social_cont{ background:url(../images/tools/socialbg_10.gif) repeat-y; padding:5px 15px 15px 15px;}
.social_tit h3{font-size:19px; color:#666; font-weight:normal;   text-shadow:1px 1px 0px #F8F8F8;}
.social_bg{ height:4px; background:url(../images/tools/socialbg_03.gif) no-repeat;}
.social_btm{ background:url(../images/tools/socialbg_12.gif) no-repeat; height:16px;}
.pic{ padding:15px 30px 10px 0px; text-align:center;}
.addicon{ background:url(../images/tools/tb_3.gif) no-repeat 13px center; background-color:#e2e2e2; padding:10px 0 10px 40px;}
.addicon2{ background:url(../images/tools/tb_1.gif) no-repeat 13px center; background-color:#e2e2e2; padding:10px 0 10px 40px; border-radius:5px}

.screen_v {display: inline-block;height: 30px;line-height: 18px;text-align: center;width: 100px;}
.screen {margin-bottom: 10px; cursor:pointer;}

.w-artical .android{ background:url(../images/tools/converter_for_android.png) no-repeat 550px 10px; padding:20px 500px 0 0; height:260px; margin:auto auto 20px auto; border-bottom:1px solid #ccc}

.my_tab td {padding: 3px 0;}
.my_tab .strong {color: #73C12E;display: inline-block;font-weight: bold;text-align: right;width: 70px;}
